<%@ page language="java" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />		
		<style type="text/css" title="currentStyle">
			@import "includes/css/master.css";
			@import "includes/css/blitzer/jquery-ui-1.10.1.custom.css";						
			#accordion{
				width:300px;
				font-size: 12px;
			}
			#accordion li{
				list-style-type: disc;
				padding-left: 1px;
			}
			
		</style>		
		<script type="text/javascript" src="includes/js/jquery-1.8.3.js"></script>
		<script type="text/javascript" src="includes/js/jquery-ui-1.9.2.custom.js"></script>	
						
		<script type="text/javascript" charset="utf-8">
						
			$(function(){
				$( "#accordion" ).accordion({      
					active: false,
					collapsible: true,
					autoHeight: false,
					clearStyle: true
				});  
			});			
		</script>
			
	</head>
	<body>
		<table id="tabela_principal">
			<tr>
				<td>
					<div id="accordion" >  
						<h1>Servidor</h1>  
						<div>  
							<ul>
								<li><a href="servidor.do">Editar</a></li>
							</ul>  							
						</div>
						<h1>Pacote</h1>  
						<div>
							<ul>
								<li>
									<a href="pacote.do">Editar</a>
								</li>
								<li>
									<a href="assocPacoteArquivo.do">Associar Pacote / Arquivo </a>
								</li>								
							</ul>
						</div>
						<h1>Arquivo</h1>  
						<div>  
							<ul>
								<li><a href="arquivo.do">Editar</a></li>
							</ul>  							
						</div>						
						<h1>Perfil</h1>  
						<div>
							<ul>
								<li>
									<a href="perfil.do">Editar</a>
								</li>
							</ul>
						</div>  
						<h1>Grupo</h1>  
						<div>    
							<ul>
								<li>
									<a href="grupo.do">Editar</a>
								</li>
								<li>
									<a href="assocGrupoUsuario.do">Associar Grupo / Usu&aacute;rio</a>
								</li>								
							</ul>													
						</div>
						<h1>Usu&aacute;rio</h1>  
						<div>    
							<ul>
								<li>
									<a href="usuario.do">Editar</a>
								</li>
							</ul>							
						</div>			
					</div>				
				</td>
			</tr>
		</table>
	</body>
</html>